<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="Keywords" Content="alamo、爱路美、荷美邮轮、世邦邮轮、斐济航空、迪士尼邮轮、达拉斯机场、波特兰旅游局、俄勒冈旅游局">
	<meta name="Description" content="飞腾会（FitaClub），是一个旅游资源共享品牌，致力于打造赋能型旅游新平台为旅游同业提供产品服务、提供智能营销，旅游资源撮合等服务，助力旅行社及旅游社群的转化升级目前该平台聚集了专业的旅游代理商，业务涉及国际机票、国际租车、奢华邮轮、目的地营销等产品及相关服务平台会定期发布最新旅游资讯，组织旅游峰会以及线上培训等" />
  <title>波特兰旅游局</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="resource/css/app.css" rel="stylesheet">

  <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
  <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
  <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
  <![endif]-->
</head>
<body style="background: #f5f5f5;">

  <div class="header-box container">
    <div class="header row">
      <div class="col-xs-2"><img src="https://qiniu.prod.fita-club.com/logo.png" alt="" class="logo"></div>
      <div class="menu col-xs-10">
        <ul style="display: inline-block; width: 91%;">
          <li class="item">
            <a href="index.html">首页</a>
          </li>
		<li class="item">
		  <a href="javascript:void(0);">国际租车</a>
		  <div class="submenu text-center">
			<a href="http://web.fita-club.com/" class="alink">国际租车</a>
			<!-- <a href="/login" class="alink">代理登录/注册</a> -->
			<a href="http://web.fita-club.com/profile" class="alink">我的订单</a>
		  </div>
		</li>
          <li class="item">
            <a href="hot-line.html">热门线路</a>
            <div class="submenu text-center">
              <!-- <a href="javascript:void(0);" class="alink">北美租车线路</a>
              <a href="javascript:void(0);" class="alink">斐济岛线路</a>
              <a href="javascript:void(0);" class="alink">邮轮线路</a> -->
            </div>
          </li>
          <li class="item">
            <a href="javascript:void(0);">国际机票</a>
            <div class="submenu text-center">
              <a href="american-airport.html" class="alink">美国航空</a>
              <a href="british-airport.html" class="alink">英国航空</a>
              <a href="feiji-airport.html" class="alink">斐济航空</a>
              <a href="iberia-airport.html" class="alink">西班牙伊比利亚航空</a>
              <a href="hawaiian-airport.html" class="alink">夏威夷航空</a>
            </div>

            </li>
          </li>
          <li class="item">
            <a href="javascript:void(0);">奢华邮轮</a>
            <div class="submenu text-center">
              <a href="holland-america-line.html" class="alink">荷美邮轮</a>
              <a href="seabourn-cruise-line.html" class="alink">世邦邮轮</a>
              <a href="disney-cruise-line.html" class="alink">迪士尼邮轮</a>
            </div>
          </li>
          <li class="item">
            <a href="javascript:void(0);">目的地</a>
            <div class="submenu text-center">
              <a href="dfw-destination.html" class="alink">达拉斯沃斯堡国际机场</a>
              <!-- <a href="portland-destination.html" class="alink">波特兰旅游局</a>
              <a href="oregon-destination.html" class="alink">俄勒冈旅游局</a> -->
            </div>
          </li>
          <li class="item">
            <a href="about-us.html">关于我们</a>
            <!-- <div class="submenu text-center">
              <a href="javascript:void(0);" class="alink">微信</a>
              <a href="javascript:void(0);" class="alink">微博</a>
            </div> -->
          </li>
        </ul>
        <div class="pull-right" style="width: 8%;">
          <select class="language">
            <option>英文</option>
            <option selected>中文</option>
          </select>
        </div>
      </div>
    </div>
  </div>

  <div class="banner-wrap portland-wrap">
    <a href="javascript:void(0);" class="banner-info">
      <img src="https://qiniu.prod.fita-club.com/portland-banner.png" alt="" style="display: block; width: 100%;">
    </a>
  </div>

  <div class="destination-data-wrap">
    <div class="container destination-data-box box-width">
      <div class="row">
        <div class="col-xs-7">
          <div class="cruise-title destination-title">波特兰旅游局</div>
          <div class="info">
            <p>波特兰是美国俄勒冈州最大的城市，也是美国西北太平洋地区仅次于西雅图的第二大城市。位于薇拉美特河谷的最北端。</p>
            <p style="margin-bottom: 0;">波特兰之于俄勒冈州，正如西雅图之于华盛顿，同样是州内最大城市，同样得天独厚的位置，同样触手可及美轮美奂、多姿多彩的自然美景。波特兰也因而愈发令人心驰神往。</p>
          </div>
        </div>
        <div class="col-xs-5">
          <img src="https://qiniu.prod.fita-club.com/portland.png" style="display: block; width: 100%; max-width: 466px; float: right;" alt="">
        </div>
      </div>
    </div>
  </div>

  <div class="box-width container">
    <div class="cruise-title destination-title">必游景点</div>
  </div>
  
  <div class="portland-spot layout-style">
    <div class="box-width contianer" style="padding-left: 30px; padding-right: 30px;">
      <div class="row">
        <div class="col-xs-4">
          <div class="item">
            <div class="cover-box">
              <img src="https://qiniu.prod.fita-club.com/portland-spot-1.png" alt="" class="img-style">
            </div>
            <div class="description text-center">
              <h6 class="subheading">马特诺玛瀑布</h6>
              <p>美国第二高瀑布，玫瑰之城最美丽的景色之一，瀑布的轰鸣坠落十分震撼。</p>
            </div>
          </div>
        </div>
        <div class="col-xs-4">
          <div class="item">
            <div class="cover-box">
              <img src="https://qiniu.prod.fita-club.com/portland-spot-2.png" alt="" class="img-style">
            </div>
            <div class="description text-center">
              <h6 class="subheading">国际玫瑰试验园</h6>
              <p>全美最佳玫瑰园，浪漫无比，这里每年都会有约50种新品玫瑰诞生。</p>
            </div>
          </div>
        </div>
        <div class="col-xs-4">
          <div class="item">
            <div class="cover-box">
              <img src="https://qiniu.prod.fita-club.com/portland-spot-3.png" alt="" class="img-style">
            </div>
            <div class="description text-center">
              <h6 class="subheading">波特兰日本花园</h6>
              <p>日本本土以外日式花园的佳作，西方和日本元素的完美结合。</p>
            </div>
          </div>
        </div>
        <div class="col-xs-4">
          <div class="item">
            <div class="cover-box">
              <img src="https://qiniu.prod.fita-club.com/portland-spot-4.png" alt="" class="img-style">
            </div>
            <div class="description text-center">
              <h6 class="subheading">圣约翰大桥</h6>
              <p>圣约翰桥是波特兰威拉米特河谷唯一的公路吊桥，也是俄勒冈州仅有的三个主要的公路悬索桥之一。</p>
            </div>
          </div>
        </div>
        <div class="col-xs-4">
          <div class="item">
            <div class="cover-box">
              <img src="https://qiniu.prod.fita-club.com/portland-spot-5.png" alt="" class="img-style">
            </div>
            <div class="description text-center">
              <h6 class="subheading">波特兰州立大学</h6>
              <p>波特兰州立大学是一所位于美国俄勒冈州波特兰的公立研究型大学，现是俄勒冈州本科及研究生人数最多的大学。</p>
            </div>
          </div>
        </div>
        <div class="col-xs-4">
          <div class="item">
            <div class="cover-box">
              <img src="https://qiniu.prod.fita-club.com/portland-spot-6.png" alt="" class="img-style">
            </div>
            <div class="description text-center">
              <h6 class="subheading">开拓者主场球馆</h6>
              <p>NBA波特兰开拓者队的主场球馆。 位于美国俄勒冈州波特兰市。耗资2亿6千5百万美元，占地785000平方英尺。</p>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <div class="box-width container">
    <div class="cruise-title destination-title">波特兰五大瑰宝</div>
  </div>

  <div class="disney-room-layout portland-treasure">
    <div class="box-width container">
      <div class="row">
        <div class="col-xs-6">

          <div class="item">
            <div style="position: relative;">
              <img src="https://qiniu.prod.fita-club.com/portland-treasure-1.png" class="cover" alt="" style="width: 95%;">
              <div class="arrow-top-block"></div>
              <div class="description" style="padding: 0 30px 0 0;">
                <div class="name">美酒佳酿</div>
                <p>波特兰是闻名遐迩的北美“啤酒之都”。这里的啤酒酿造厂星罗棋布，其他城市无一能及。同时波特兰也毗邻美国顶级的葡萄酒产区-薇拉美特河谷。</p>
              </div>
            </div>
            
            <img src="https://qiniu.prod.fita-club.com/portland-treasure-3.png" class="cover" alt="" style="margin-top: 80px; width: 90%;">
            <div style="position: relative; margin-right: -85px; margin-bottom: 100px;">
              <div class="arrow-right-block" style="position: absolute; right: 0; top: 40%;"></div>
              <div class="description" style="padding: 0 30px 0 0;margin-top: 80px; margin-left: 20px;">
                <div class="name">特立独行</div>
                <p>波特兰另一枚亮眼的城市标签则源自其别有韵味的小众街区。例如，霍索恩街聚集着风格迥异的小店、咖啡屋和酒吧；密西西比大道上各式店铺和餐馆鳞次栉比，还有一个妙趣横生的餐车集市；阿尔伯塔街除了艺廊、小店、咖啡馆、酒吧之外，更有一个名为“上周四”的月度街趴，让人留恋忘返。</p>
              </div>
            </div>

            <div style="position: relative;">
              <img src="https://qiniu.prod.fita-club.com/portland-treasure-5.png" class="cover" alt="" style="width: 90%;">
            </div>

          </div>
        </div>

        <div class="col-xs-6">
          <div class="item">
            <div class="description">
              <div class="name">美味珍馐</div>
              <p>波特兰曾被票选为北美最佳“吃货之城”之一。波特兰的“即采即食”餐厅和开放式餐车多取材于当地最新鲜优质的农产品，因此远近闻名。</p>
            </div>
            <div class="arrow-bottom-block"></div>
            <div class="clearfix" style="margin-top: 80px; margin-bottom: 50px;">
              <img src="https://qiniu.prod.fita-club.com/portland-treasure-2.png" class="cover pull-right" alt="" style="width: 90%;">
            </div>

            <div style="position: relative; margin-top: 120px; margin-bottom: 100px;">
              <div class="description">
                <div class="name">物产丰饶</div>
                <p>位于肥沃河谷的北角，两河交汇的宝地，同时东依喀斯喀特山脉，波特兰收获着自然馈赠的无限美景和丰饶物产。在这里野山菌、绿色蔬菜、猪、牛、羊等应有尽有，新鲜有机、味道丰美。</p>
              </div>
              <div class="arrow-left-block" style="position: absolute; left: -50px; top: 50%;"></div>
            </div>
            <div class="clearfix">
              <img src="https://qiniu.prod.fita-club.com/portland-treasure-4.png" class="cover pull-right" alt="" style="margin-top: 80px; width: 85%;">
            </div>

            <div style="position: relative; margin-top: 80px;">
              <div class="description">
                <div class="name">单车畅行</div>
                <p>波特兰是历史悠久的美国“自行车之都”。在这里举家骑行去学校、市场、图书馆和其他地方的场景屡见不鲜。事实上，这里之所以如此适宜骑行是在城市建造之初就有意为之，游客们可以在这里放心地体验一次特别的悠闲骑行。</p>
              </div>
              <div class="arrow-left-block" style="position: absolute; left: -50px; top: 50%;"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="box-width container">
    <div class="cruise-title destination-title">购物指南</div>
  </div>
  <div class="portland-shopping layout-style">
    <div class="container box-width">
      <div class="row">
        <div class="col-xs-4">
          <div class="item">
            <img src="https://qiniu.prod.fita-club.com/portland-shopping-1.png" alt="" class="img-style">
            <div class="description text-center">
              <h6 class="subheading">桥港村</h6>
              <p>桥港村是一个露天商业购物中心。因为毗邻富人区 Lake Oswego，这里环境特别好，有不少生活用品店和服装店。</p>
            </div>
          </div>
        </div>
        <div class="col-xs-4">
          <div class="item">
            <img src="https://qiniu.prod.fita-club.com/portland-shopping-2.png" alt="" class="img-style">
            <div class="description text-center">
              <h6 class="subheading">罗伊德中心</h6>
              <p>罗伊德中心是 俄勒冈 州最大的购物中心，有近200家商店，还有电影院和室内溜冰场。</p>
            </div>
          </div>
        </div>
        <div class="col-xs-4">
          <div class="item">
            <img src="https://qiniu.prod.fita-club.com/portland-shopping-3.png" alt="" class="img-style">
            <div class="description text-center">
              <h6 class="subheading">波特兰机场免税店</h6>
              <p>奥特莱斯绝对是不可错过的购物好去处，免税再加上Outlet 的折扣，每样东西都很便宜，</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
    
  <div class="form-layout">
    <div class="form-box container">
      <div class="row">
        <div class="col-xs-5 counsel-info" style="padding-top: 60px;">
          <!-- <div><span style="font-size: 40px;">创办以来</span>
            <p>好评率近达 <span style="font-size: 40px;">100%</span><br>我们期待为您，<br>量身定制一次温暖的旅行。</p>
          </div> -->
          <div class="qrcode-layout" style="margin-top: 100px;">
            <img src="resource/images/counsel.png" class="img-style"/>
            <p class="text-center">免费咨询</p>
            <img src="resource/images/qrcode.png" class="qrcode">
          </div>
        </div>
        <div class="col-xs-7 form-contain">
          <p style="font-size: 40px;">只要决定出发</p>
          <p style="font-size: 20px;">剩下的一切，交给洪吉就好。</p>
          <div class="form-group basics-info clearfix">
            <input class="input" name="name" value="" placeholder="姓名">
            <input class="input"  name="address" value="" placeholder="目的地">
            <input class="input"  name="date" value="" placeholder="天数">
          </div>
          <div class="form-group">
            <input class="input"  name="mobile" value="" placeholder="联系方式">
          </div>
          <textarea name="message" value="" placeholder="您可以填写：如出行日期、预计经费、是否带小孩以及其它特殊情况申明等。"></textarea>
          <button class="fita-button submit" style="width: 150px;">提交</button>
          <a href="javascript:void(0);" class="send hidden"></a>
        </div>
      </div>
    </div>
  </div>

  <div class="footer-layout">
    <div class="footer-box container">
      <div class="row">
        <div class="item text-center ">
          <p class="item-label">国际租车</p>
          <a href="">爱路美国际租车</a>
          <a href="alamo.html">企业号租车</a>
          <a href="">纳什租车</a>
        </div>
        <div class="item text-center ">
          <p class="item-label">国际机票</p>
          <a href="american-airport.html">美国航空</a>
          <a href="british-airport.html">英国航空</a>
          <a href="feiji-airport.html">斐济航空</a>
          <a href="iberia-airport.html">西班牙伊比利亚航空</a>
          <a href="hawaiian-airport.html">夏威夷航空</a>
        </div>
        <div class="item text-center ">
          <p class="item-label">奢华邮轮</p>
          <a href="holland-america-line.html">荷美邮轮</a>
          <a href="seabourn-cruise-line.html">世邦邮轮</a>
          <a href="disney-cruise-line.html">迪士尼邮轮</a>
        </div>
        <div class="item text-center ">
          <p class="item-label">热门线路</p>
          <a href="">阳光加州</a>
          <a href="">开拓之旅-波特兰</a>
          <a href="">心花怒放-夏威夷</a>
          <a href="">邮轮热门航线</a>
        </div>
        <div class="item text-center ">
          <p class="item-label">目的地</p>
          <a href="dfw-destination.html">达拉斯沃斯堡国际机场</a>
          <a href="oregon-destination.html">俄勒冈旅游局</a>
          <a href="portland-destination.html">波特兰旅游局</a>
          <a href="">斐济</a>
        </div>
        <div class="item text-center ">
          <p class="item-label">联系我们</p>
          <a href=""><span class="iconfont icon-wechat"></span>微信</a>
          <a href=""><span class="iconfont icon-weibo"></span>微博</a>
          <a href=""><span class="iconfont icon-feizhu"></span>飞猪</a>
        </div>
        <div class="item text-center qrcode-box">
        
          <img src="resource/images/footer-wechat.png" alt="" style="width: 100px;">
          <p class="">微信</p>
          <img src="resource/images/footer-weibo.png" alt="" style="width: 100px;">
          <p class="">微博</p>
        </div>
      </div>
      <div class="copyright text-center">
        沪ICP备18038258号
      </div>
    </div>
  </div>
  
  <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  <script src="resource/js/app.js"></script>
  <script>
    $(function() {
      $(".submit").on("click", function() {
        var name=$("[name='name']").val(),
        address=$("[name='address']").val(),
        days = $("[name='date']").val(),
        mobile=$("[name='mobile']").val(),
        message=$("[name='message']").val(),
        body="姓名: "+name+"%0a%0d"
        +"目的地: "+address+"%0a%0d"
        +"天数: "+days+"%0a%0d"
        +"联系方式: "+mobile+"%0a%0d"
        +"备注:"+"%0a%0d"+message;
        $(".send").attr("href","mailto:shainfo@chinaholidaytours.com?body="+body);
        $(".send")[0].click()
      })


      $(document).on("mouseover", ".qrcode-layout", function() {
        $(".qrcode").show();
        setTimeout(function() {
          $(".qrcode").hide();
        }, 60000)
      })
    })
    
  </script>
</body>

</html>